$(function () {
  //1.定义校验规则
  let form = layui.form
  //
  form.verify({
    nickname: [/^[\S]{1,10}$/, '昵称的长度为1-10个字符'],
  })

  //2.渲染用户信息 -封装成函数后面要用
  let layer = layui.layer
  initUserInfo()
  function initUserInfo() {
    axios({
      method: 'get',
      url: '/my/userinfo',
    }).then(res => {
      //判断
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      form.val('formUserInfo', res.data.data)
    })
  }

  //3.重置表单
  $('#btnReset').on('click', function (e) {
    e.preventDefault()
    initUserInfo()
  })

  //4.修改用户信息
  $('form').on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'post',
      url: '/my/userinfo',
      data: $(this).serialize(),
    }).then(res => {
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      //
      layer.msg('修改成功')
      //
      window.parent.getUserInfo()
    })
  })
})
